#page1 {
  background-image: url(https://cn.bing.com/th?id=OHR.LiDong2022_ZH-CN9929478283_1920x1080.jpg&rf=LaDigue_1920x1080.jpg&pid=hp);
}
#page1 h1 {
  text-align: center;
}
#myVideo {
  position: absolute;
  right: 0;
  bottom: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-size: 100% 100%;
  background-color: black; /* in case the video doesn't fit the whole page*/
  background-image: /* our video */ ;
  background-position: center center;
  background-size: contain;
  object-fit: cover; /*cover video background */
  z-index: 3;
}

/* Layer with position absolute in order to have it over the video
	* --------------------------------------- */
#page2 .layer {
  position: absolute;
  z-index: 4;
  width: 100%;
  left: 0;
  top: 43%;

  /*
		* Preventing flicker on some browsers
		* See http://stackoverflow.com/a/36671466/1081396  or issue #183
		*/
  -webkit-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}
.layer h1 {
  color: white;
  text-align: center;
  font-size: 72px;
  background-color: #335e3295;
  line-height: 2;
}
.list-unstyled {
  list-style: none;
}
#myMenu {
  position: fixed;
  right: 40px;
  top: 20%;
  z-index: 999;
}
#myMenu a {
  color: #000;
  text-decoration: none;
  line-height: 2;
}
